Embed reveal.js slide into Hugo site

By utilizing custom shortcodes, we can embed pages including reveal.js slides into Hugo-powered site.

First, create custom shortcodes at layouts/shortcodes/SlideInclusion.html

<iframe src="{{.Get 0}}" width="1000" height="600" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe>

Then, put shortcodes together with slide URL {{< SlideInclusion "https://example.com/MySlides/" >}}.

References

Avatar
Hiroyuki Yamada

My research interests include machine learning, cloud native conputing.

Related